<template>
  <div id="user-modify">
    <h2 style="text-align: center;">注册用户</h2>
    <el-form ref="form" :model="form" label-width="80px">
      <el-form-item label="昵称">
        <el-input v-model="form.username" placeholder="不可以为空"></el-input>
      </el-form-item>

        <el-form-item label="密码" prop="pass">
          <el-input type="text" v-model="form.password" placeholder="不可以为空"></el-input>
        </el-form-item>




      <el-form-item>
        <el-button type="primary" @click="register()">注册</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
  export default{
    data(){
      return {
        form: {
          id:this.$route.params.id,
          username: '',
          password: ''
        }
      }
    },
    methods:{
      register() {
        var obj = this;
        this.axios({
          method:"POST",
          url:"http://localhost:8088/user/register",
          data:obj.form
        }).then(function(response){
          var result = response.data;
          if (result.code==20) {
            // 成功消息提示
            obj.$message({
              message: '该用户已经存在',
              type: 'success'
            })
          }
          if (result.code==10){
                obj.$message.error('注册失败，已存在该用户(请修改用户名再次尝试)');
              }
          if (result.code==30){
            obj.$message.error('用户名称不能为空');
          }
		  if (result.code==40){
		    obj.$message.error('用户密码不能为空');
		  }
          if (result.code==100) {
                // 成功消息提示
                obj.$message({
                  message: '恭喜你，添加成功',
                  type: 'success'
                }),
                // 延时跳转
                setTimeout(function(){
                  obj.$router.push("/users/user")
                },2000)
              } 
        })
      }
    }
  }
</script>

<style>
  #user-modify{
    width: 400px;
    margin: auto;
  }
</style>
